<template>
    <div>
        <el-container  style="height: 700px; border: 1px solid #eee">
            <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)">教材订购管理系统</el-header>
            <el-container>
                <el-aside width="200px">
                    <el-menu :default-openeds="['1', '3']">
                    <el-submenu index="1">
                        <template slot="title"><i class="el-icon-message"></i>教材管理</template>
                        <el-menu-item-group>
                            <el-menu-item index="1-1">
                            <router-link to ="/tmm">教材信息</router-link>
                        </el-menu-item>
                        <el-menu-item index="1-2">
                            <router-link to ="/addbook">添加教材</router-link>
                        </el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>

                    <el-submenu index="2">
                        <template slot="title"><i class="el-icon-menu"></i>
                            <router-link to="/user">用户管理</router-link>
                        </template>
                    </el-submenu>

                    <el-submenu index="3">
                        <template slot="title"><i class="el-icon-setting"></i>订单管理</template>
                        <el-menu-item-group>
                        <el-menu-item index="3-1">
                            <router-link to="/status">订单状态</router-link>
                        </el-menu-item>
                        <el-menu-item index="3-2">
                            <router-link to="/order">采购单</router-link>
                        </el-menu-item>
                        </el-menu-item-group>
                       
                    </el-submenu>
                    <el-submenu index="4">
                        <template slot="title"><i class="el-icon-setting"></i>库存管理</template>
                        <el-menu-item-group>
                        <el-menu-item index="3-1">
                            <router-link to="/stock">库存情况</router-link>
                        </el-menu-item>
                        </el-menu-item-group>

                    </el-submenu>

                    <el-submenu index="3">
                        <template slot="title"><i class="el-icon-setting"></i>统计分析</template>
                        <el-menu-item-group>
                        <el-menu-item index="3-1">
                            <router-link to="/assay">库存数据分析</router-link>
                        </el-menu-item>
                        </el-menu-item-group>
                       
                    </el-submenu>
                </el-menu>
                </el-aside>

                <el-main>
                    <!-- 表格 -->
                    
                  

                    <!-- 表格 -->>
                    <el-table :data="tableData" border>
                        <el-table-column prop="num" label="序号" width="200">
                        </el-table-column>
                        <el-table-column prop="book" label="教材名称" width="200">
                        </el-table-column>
                        <el-table-column prop="price" label="价格" width="200">
                        </el-table-column>
                        <el-table-column prop="count" label="数量" width="200">
                        </el-table-column>
                        <el-table-column prop="total" label="小计" width="200">
                        </el-table-column>
                      
                        
                               
                    </el-table>

                </el-main>
                                        

            </el-container>
        </el-container>
    </div>
 </template>

 <script>
 
// import axios from 'axios';

 export default{
    data(){
        return{
            tableData:[],
            searchForm:{
                bookname:""
            }
        }
    },

    methods:{
        onSubmit:function () {
            alert("查询数据");
        },
        handleSizeChange:function (val) {
            alert("每页记录数变化"+val)
            
        },
        handleCurrentChange:function (val) {
            alert("页码发生变化"+val)
            
        },
        
       
    }
 }
 </script>

 <style>
 

 </style>